<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/static/productindex/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="/static/productindex/css/GL.css">
    <script src="/static/productindex/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="/static/productindex/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="/static/productindex/js/swiper-3.4.2.min.js"></script>

</head>

<body>
<div class="top_find">
    <div class="top_find_son">
        <img src="/static/productindex/img/top_find_logo.png" alt="">
        <div class="input_find">
            <input type="text" placeholder="卸妆水"/>
            <span style="background: url('/static/productindex/img/img_12.png') 0 -1px;"></span>
            <a href="#"><img src="/static/productindex/img/img_09.png"/></a>
        </div>
    </div>
</div>
<ul class="left_floor">
    <li class="left_floor_xiang">享品质</li>
    <li class="left_floor_fu">服饰美妆</li>
    <li class="left_floor_jia">家电手机</li>
    <li class="left_floor_dian">电脑数码</li>
    <li class="left_floor_3C">3C运动</li>
    <li class="left_floor_ai">爱吃</li>
    <li class="left_floor_mu">母婴家居</li>
    <li class="left_floor_tu">图书汽车</li>
    <li class="left_floor_you">游戏金融</li>
    <li class="left_floor_lv">旅行健康</li>
    <li class="left_floor_hai">还没逛够</li>
    <li class="left_floor_ding">顶部</li>
</ul>
<header>
<!--    <div class="head">-->
<!--        <a href="#"><img src="/static/productindex/img/img_01.png"/></a>-->
<!--        <p>X</p>-->
<!--    </div>-->
    <!--头部-->
    <div class="header_head">
        <div class="header_head_box">
            <a href="http://meimeimall.com" class="img"><img src="/static/productindex/img/logo.jpg"/></a>
            <!--地址-->
<!--            <b class="header_head_p">-->
<!--                <a href="#">-->
<!--                    <img src="/static/productindex/img/img_05.png" style="border-radius: 50%;"/>-->
<!--                    &lt;!&ndash;<span class="glyphicon glyphicon-map-marker"></span>&ndash;&gt;-->
<!--                    北京</a>-->
<!--                <div class="header_head_p_cs">-->
<!--                    <a href="#" style="background: #C81623;color: #fff;">北京</a>-->
<!--                    <a href="#">上海</a>-->
<!--                    <a href="#">天津</a>-->
<!--                    <a href="#">重庆</a>-->
<!--                    <a href="#">河北</a>-->
<!--                    <a href="#">山西</a>-->
<!--                    <a href="#">河南</a>-->
<!--                    <a href="#">辽宁</a>-->
<!--                    <a href="#">吉林</a>-->
<!--                    <a href="#">黑龙江</a>-->
<!--                    <a href="#">内蒙古</a>-->
<!--                    <a href="#">江苏</a>-->
<!--                    <a href="#">山东</a>-->
<!--                    <a href="#">安徽</a>-->
<!--                    <a href="#">浙江</a>-->
<!--                    <a href="#">福建</a>-->
<!--                    <a href="#">湖北</a>-->
<!--                    <a href="#">湖南</a>-->
<!--                    <a href="#">广东</a>-->
<!--                    <a href="#">广西</a>-->
<!--                    <a href="#">江西</a>-->
<!--                    <a href="#">四川</a>-->
<!--                    <a href="#">海南</a>-->
<!--                    <a href="#">贵州</a>-->
<!--                    <a href="#">云南</a>-->
<!--                    <a href="#">西藏</a>-->
<!--                    <a href="#">陕西</a>-->
<!--                    <a href="#">甘肃</a>-->
<!--                    <a href="#">青海</a>-->
<!--                    <a href="#">宁夏</a>-->
<!--                    <a href="#">新疆</a>-->
<!--                    <a href="#">港澳</a>-->
<!--                    <a href="#">台湾</a>-->
<!--                    <a href="#">钓鱼岛</a>-->
<!--                    <a href="#">海外</a>-->
<!--                </div>-->
<!--            </b>-->
            <ul>
                <li>
                    <a href="http://auth.meimeimall.com/login.html" th:if="${session.loginUser==null}">你好，请登录</a>
                    <a th:if="${session.loginUser!=null}" href="http://member.meimeimall.com/web/info.html">你好
                        [[${session.loginUser==null?'':session.loginUser.username}]]</a>
                </li>
                <li>
                    <a href="http://auth.meimeimall.com/register.html" class="li_2" th:if="${session.loginUser==null}">免费注册</a>
                </li>
                <span>|</span>
                <li>
                    <a href="http://order.meimeimall.com/orderlist.html">我的订单</a>
                </li>
            </ul>
        </div>
    </div>
    <!--搜索导航-->
    <div class="header_sous">
        <div class="header_form">
            <input id="searchText" type="text" placeholder=""/>
            <span style="background: url('/static/productindex/img/img_12.png') 0 -1px;"></span>
            <!--<button><i class="glyphicon"></i></button>-->
            <a href="javascript:search()"><img src="/static/productindex/img/img_09.png"/></a>
        </div>
        <div class="header_ico">
            <div class="header_gw">
                <img src="/static/productindex/img/img_15.png"/>
                <span><a href="http://cart.meimeimall.com/cartList.html">我的购物车</a></span>
                <span>0</span>
            </div>
            <div class="header_ko">
                <p>购物车中还没有商品，赶紧选购吧！</p>
            </div>
        </div>
        <div class="header_form_nav">
            <ul>
                <li>
                    <a href="#" class="aaaaa">热门搜索(unfinished)</a>
                </li>
                <li>
                    <a href="#">热门搜索(unfinished)</a>
                </li>
            </ul>
        </div>
        <nav>
            <ul>
                <li>
                    <a href="#">快捷跳转(unfinished)</a>
                </li>
            </ul>
            <div class="spacer">|</div>
            <ul>
                <li>
                    <a href="#">快捷跳转(unfinished)</a>
                </li>
            </ul>
        </nav>
        <div class="right">
            <a href="#"><img src="/static/productindex/img/img_21.png"/></a>
        </div>
    </div>
    <!--轮播主体内容-->
    <div class="header_main">
        <div class="header_banner">
            <div class="header_main_left">
                <ul>
                    <!--th:each循环的每一个category都会生成一个li，所以这里只需要写一个li就可以，迭代生成的工作由th:each完成-->
                    <li th:each="category:${categorys}">
                        <!--th:attr用于给自定义变量赋值，这里将当前遍历的category的catId赋值给当前li的ctg-data变量。注意每个li都有一个ctg-data变量-->
                        <!--将category.name提出来，作为当前li的标签值-->
                        <!--注意，由于前后端不分离，所以spring能够自动联想category对应的CategoryEntity的所有字段-->
                        <a class="header_main_left_a" th:attr="ctg-data=${category.catId}"><b
                                th:text="${category.name}"></b></a>
                    </li>
                </ul>

            </div>
            <div class="header_main_center">
                <div class="swiper-container swiper1">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="#"><img src="/static/productindex/img/lunbo.png"/></a>
                        </div>

                        <div class="swiper-slide">
                            <a href="#"><img src="/static/productindex/img/lunbo3.png"/></a>
                        </div>

                        <div class="swiper-slide">
                            <a href="#"><img src="/static/productindex/img/lunbo6.png"/></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#"><img src="/static/productindex/img/lunbo7.png"/></a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="swiper-button-next swiper-button-white"></div>
                    <div class="swiper-button-prev swiper-button-white"></div>
                </div>
                <div class="header_main_center_b">
                    <a href="#"><img src="/static/productindex/img/5a13bf0bNe1606e58.jpg"/></a>
                    <a href="#"><img src="/static/productindex/img/5a154759N5385d5d6.jpg"/></a>
                </div>
            </div>
            <div class="header_main_right">
                <div class="header_main_right_user">
                    <div class="user_info">
                        <div class="user_info_tou">
                            <a href="#"><img class="" src="/static/productindex/img/touxiang.png"
                                             style="margin-top: -10px; margin-left: -10px;"></a>
                        </div>
                        <div class="user_info_show">
                            <a th:if="${session.loginUser==null}" style="font-size: 1px;">Hi! 欢迎逛一逛</a>
                            <a th:if="${session.loginUser!=null}" href="http://member.meimeimall.com/web/info.html">
                                [[${session.loginUser==null?"Hi! 欢迎逛一逛":session.loginUser.username}]]</a>
                            <p>
                                <a href="http://auth.meimeimall.com/login.html" class=""
                                   th:if="${session.loginUser==null}">登录</a>
                                <a href="http://auth.meimeimall.com/register.html" class=""
                                   th:if="${session.loginUser==null}">注册</a>
                                <a href="" class=""
                                   th:if="${session.loginUser!=null}" th:title="用户积分"
                                   style="margin-left: 0px; background-color: lightgrey;">
                                    [[${session.loginUser==null?"":session.loginUser.integration}]]</a>
                                <a href="" class=""
                                   th:if="${session.loginUser!=null && session.loginUser.levelId==1}"
                                   th:title="'成长值:' + ${session.loginUser.growth!=null?session.loginUser.growth:0}"
                                   style="margin-left: 8px; background-color: lightgrey;">
                                    普通会员</a>
                                <a href="" class=""
                                   th:if="${session.loginUser!=null && session.loginUser.levelId==2}"
                                   th:title="'成长值:' + ${session.loginUser.growth!=null?session.loginUser.growth:0}"
                                   style="margin-left: 8px; background-color: lightgrey;">
                                    铜牌会员</a>
                                <a href="" class=""
                                   th:if="${session.loginUser!=null && session.loginUser.levelId==3}"
                                   th:title="'成长值:' + ${session.loginUser.growth!=null?session.loginUser.growth:0}"
                                   style="margin-left: 8px; background-color: lightgrey;">
                                    银牌会员</a>
                                <a href="" class=""
                                   th:if="${session.loginUser!=null && session.loginUser.levelId==4}"
                                   th:title="'成长值:' + ${session.loginUser.growth!=null?session.loginUser.growth:0}"
                                   style="margin-left: 8px; background-color: lightgrey;">
                                    金牌会员</a>
                                <a href="http://auth.meimeimall.com/loginout" class=""
                                   th:if="${session.loginUser!=null}" style="margin-left: 8px;">退出</a>
                            </p>
                        </div>
                    </div>
                    <div class="user_info_hide">
                        <a href="#">unfinished</a>
                        <a href="#">unfinished</a>
                    </div>
                </div>
                <div class="header_main_right_new">
                    <div class="header_new">
                        <div class="header_new_t">
                            <p class="active">
                                <a href="#">促销</a>
                            </p>
                            <p>
                                <a href="#">公告</a>
                            </p>
                            <a href="#">更多</a>
                        </div>
                        <div class="header_new_connter">
                            <div class="header_new_connter_1">
                                <ul>
                                    <li>
                                        <a href="#">全民纸巾大作战</a>
                                    </li>
                                    <li>
                                        <a href="#">家具建材满999减300元</a>
                                    </li>
                                    <li>
                                        <a href="#">黑科技冰箱，下单立减千元</a>
                                    </li>
                                    <li>
                                        <a href="#">抢102减101神券！</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="header_new_connter_1" style="display: none;">
                                <ul>
                                    <li>
                                        <a href="#">关于召回普利司通（天津）轮胎有限公司2个规格乘用车轮胎的公告</a>
                                    </li>
                                    <li>
                                        <a href="#">物流推出配送员统一外呼电话"95056”</a>
                                    </li>
                                    <li>
                                        <a href="#">天府大件运营中心开仓公告</a>
                                    </li>
                                    <li>
                                        <a href="#">大件物流“送装一体”服务全面升级！</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
<!--                <div class="header_main_right_ser">-->
<!--                    <div class="ser_box">-->
<!--                        <ul>-->
<!--                            <li class="ser_box_item">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/huafei.png"/>-->
<!--                                    <span>话费</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/jipiao.png"/>-->
<!--                                    <span>机票</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/jiudian.png"/>-->
<!--                                    <span>酒店</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/youxi.png"/>-->
<!--                                    <span>游戏</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/qiyegou.png"/>-->
<!--                                    <span>企业购</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/jiayouka.png"/>-->
<!--                                    <span>加油卡</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/dianyingpiao.png"/>-->
<!--                                    <span>电影票</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/huochepiao.png" style="height:20px;"/>-->
<!--                                    <span>火车票</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/zhongchou.png"/>-->
<!--                                    <span>众筹</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/licai.png" style="height:22px;"/>-->
<!--                                    <span>理财</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/lipinka.png" style="height:14px;"/>-->
<!--                                    <span>礼品卡</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/productindex/img/baitiao.png" style="height:20px;"/>-->
<!--                                    <span>白条</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                        </ul>-->
<!--                        <div class="ser_box_aaa">-->
<!--                            <div class="ser_box_aaa_one">-->
<!--                                <div class="ser_box_aaa_nav">-->
<!--                                    <ol>-->
<!--                                        <li class="active">-->
<!--                                            <a href="#">话费</a>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <a href="#">机票</a>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <a href="#">酒店</a>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <a href="#">游戏</a>-->
<!--                                        </li>-->
<!--                                    </ol>-->
<!--                                    <div class="ser_ol">-->
<!--                                        <div class="ser_ol_li">-->
<!--                                            <ul>-->
<!--                                                <div class="guanbi">X</div>-->
<!--                                                <a class="active">话费充值</a>-->
<!--                                                <a>流量充值</a>-->
<!--                                                <a>套餐变更</a>-->
<!--                                                <div class="ser_ol_div">-->
<!--                                                    <p>号码<input type="text"/></p>-->
<!--                                                    <p style="margin: 10px 0;">面值-->
<!--                                                        <select name="">-->
<!--                                                            <option value="">100元</option>-->
<!--                                                            <option value="">20元</option>-->
<!--                                                            <option value="">50元</option>-->
<!--                                                            <option value="">10元</option>-->
<!--                                                            <option value="">2元</option>-->
<!--                                                        </select>-->
<!--                                                        <span>￥98.0-￥100.0</span></p>-->
<!--                                                </div>-->
<!--                                                <button>快速充值</button>-->
<!--                                                <p class="p">抢99减50元话费</p>-->
<!--                                            </ul>-->

<!--                                        </div>-->
<!--                                        <div class="ser_ol_li">-->
<!--                                            <ul>-->
<!--                                                <div class="guanbi">X</div>-->
<!--                                                <a class="active">国际机票</a>-->
<!--                                                <a>国际/港澳</a>-->
<!--                                                <a>特惠活动</a>-->
<!--                                                <div class="ser_ol_div1">-->
<!--                                                    <p>-->
<!--                                                        <input type="radio" name="a" style="vertical-align:middle;"/>单程-->
<!--                                                        <input type="radio" name="a" style="vertical-align:middle;"/>往返-->
<!--                                                    </p>-->
<!--                                                    <input type="text" placeholder="出发城市"/>-->
<!--                                                    <input type="text" placeholder="到达城市"/>-->
<!--                                                    <input type="text" placeholder="日期"/>-->
<!--                                                </div>-->
<!--                                                <button>机票查询</button>-->
<!--                                                <span class="p">当季热门特惠机票</span>-->
<!--                                            </ul>-->
<!--                                        </div>-->
<!--                                        <div class="ser_ol_li">-->
<!--                                            <ul>-->
<!--                                                <div class="guanbi">X</div>-->
<!--                                                <a class="active" style="width: 50%;">国内港澳台</a>-->
<!--                                                <a style="width: 50%;">促销活动</a>-->
<!--                                                <div class="ser_ol_div1">-->
<!--                                                    <input type="text" placeholder="出发城市" style="margin-top: 10px;"/>-->
<!--                                                    <input type="text" placeholder="到达城市"/>-->
<!--                                                    <input type="text" placeholder="日期"/>-->
<!--                                                    <input type="text" placeholder="酒店 商圈 地标"/>-->
<!--                                                </div>-->
<!--                                                <button>酒店查询</button>-->
<!--                                                <span class="p">订酒店到</span>-->
<!--                                            </ul>-->
<!--                                        </div>-->
<!--                                        <div class="ser_ol_li">-->
<!--                                            <ul>-->
<!--                                                <div class="guanbi">X</div>-->
<!--                                                <a class="active">点卡</a>-->
<!--                                                <a>QQ</a>-->
<!--                                                <a>页游</a>-->
<!--                                                <div class="ser_ol_div1">-->
<!--                                                    <input type="text" placeholder="游戏" style="margin-top: 15px;"/>-->
<!--                                                    <br/>面值-->
<!--                                                    <select name="" style="margin: 8px 0;">-->
<!--                                                        <option value="">面值</option>-->
<!--                                                        <option value="">面值</option>-->
<!--                                                        <option value="">面值</option>-->
<!--                                                    </select><span style="color: #C81623;">￥0.00</span>-->
<!--                                                    <p>-->
<!--                                                        <input type="radio" name="a"-->
<!--                                                               style="width: 15px;vertical-align:middle;"/>直充-->
<!--                                                        <input type="radio" name="a"-->
<!--                                                               style="width: 15px;vertical-align:middle;"/>卡密-->
<!--                                                    </p>-->
<!--                                                </div>-->
<!--                                                <button>快速充值</button>-->
<!--                                                <span class="p">吃鸡就要快人一步</span>-->
<!--                                            </ul>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
            </div>
        </div>
<!--        <div class="header_banner1">-->
<!--            <a href="#" class="a">-->
<!--                <img src="/static/productindex/img/5a1e5ce2N034ce344.png" class="aa"/>-->
<!--            </a>-->
<!--            <div class="header_banner1_div">-->
<!--                <p>X</p>-->
<!--            </div>-->
<!--        </div>-->
    </div>
</header>

<div class="section_second">
    <!-- 第一层 -->
    <div class="section_second_header">
        <p class="section_second_header_img"></p>
        <div class="section_second_header_left">
            <p></p>
            <span class="">秒杀</span>
            <a href="http://meimeimall.com/seckillList.html" style="color: cornsilk; margin-top: 10px; font-size: 15px;">点击查看更多秒杀场次</a>
            <span>
        </span>
        </div>
        <div class="section_second_header_right">
            <span id="section_second_header_right_CNS"
                  style="color: cornsilk; margin-top: 12px; font-size: 22px; font-weight: bold">未来3天内暂无秒杀活动</span>
            <span class="section_second_header_right_hours">000</span>
            <span class="section_second_header_right_mao">：</span>
            <span class="section_second_header_right_minutes">00</span>
            <span class="section_second_header_right_mao">：</span>
            <span class="section_second_header_right_second">00</span>
            <span id="section_second_header_right_CNE"
                  style="color: cornsilk; margin-top: 12px; font-size: 22px; font-weight: bold"> </span>
        </div>
    </div>
    <div class="section_second_list">
        <div class="swiper-container swiper_section_second_list_left">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <ul id="secKillContent">
                    </ul>
                </div>
                <!--秒杀商品滑动-->
                <!--                <div class="swiper-slide">-->
                <!--                    <ul>-->
                <!--                    </ul>-->
                <!--                </div>-->
            </div>
            <div class="swiper-button-prev second_list">
                <p></p>
            </div>
            <div class="swiper-button-next second_list">
                <p></p>
            </div>
        </div>
        <ul class="section_second_list_right">
            <li>
                <img src="/static/productindex/img/section_second_list_right_img.jpg" alt="">
            </li>
            <li>
                <img src="/static/productindex/img/section_second_list_right_img.png" alt="">
            </li>
            <div class="section_second_list_right_button">
                <p class="section_second_list_right_button_active"></p>
                <p></p>
            </div>
        </ul>
    </div>
</div>
</body>


<script type="text/javascript">
    function search() {
        var keyword = $("#searchText").val()
        window.location.href = "http://search.meimeimall.com/list&search.html?keyword=" + keyword;
    }

    // 点击秒杀商品进行跳转。因为秒杀商品是动态创建的，直接在动态创建的组件上添加超链接比较麻烦。所以使用方法调用辅助
    function to_href(skuId) {
        location.href = "http://item.meimeimall.com/" + skuId + ".html"
    }

    var splitTime = 0;

    <!--发送请求获取当前秒杀场次信息-->
    $.ajax({
        url: "http://seckill.meimeimall.com/getcurrentseckillsession",
        async: false,
        xhrFields: {
            withCredentials: true
        },
        crossDomain: true,
        success: function (data) {
            if (data.length > 0) {
                data.forEach(function (item) {
                    // 这里应该是每五个商品占一页。
                    // 为最下面写的.appendTo("#id名")对应的组件中添加一个<li></li>组件
                    // 在这个<li></li>中隔行填写以下四行内容
                    $("<li onclick='to_href(" + item.secKillSkuInfoTo.skuId + ")'></li>")
                        .append($("<img style='width: 130px; height: 130px' src='" + item.secKillSkuInfoTo.skuDefaultImg + "'/>"))
                        .append($("<p>" + item.secKillSkuInfoTo.skuTitle + "</p>"))
                        .append($("<span>" + item.secKillProductTo.seckillPrice + "</span>"))
                        .append($("<s>" + item.secKillSkuInfoTo.price + "</s>"))
                        .appendTo("#secKillContent");
                })

                var curTime = new Date().getTime();

                if (data[0].startTime > curTime) {
                    document.getElementById("section_second_header_right_CNS").innerHTML = "下一场次";
                    splitTime = data[0].startTime - curTime;
                    document.getElementById("section_second_header_right_CNE").innerHTML = "后开始";
                } else {
                    document.getElementById("section_second_header_right_CNS").innerHTML = "当前场次";
                    splitTime = data[0].endTime - curTime;
                    document.getElementById("section_second_header_right_CNE").innerHTML = "后结束";
                }
            }
        }
    });

    $(window).scroll(function (event) {
        var hi = $(document).scrollTop();
        console.log(hi)
    })
    var myswiper = new Swiper(".swiper_section_second_list_left", {
        prevButton: '.swiper-button-prev',
        nextButton: '.swiper-button-next',
        loop: true
    })
    var myswiper2 = new Swiper(".swiper_section_find_center_list", {
        prevButton: '.swiper-button-prev',
        nextButton: '.swiper-button-next',
        loop: true,
        autoplay: 3000,
        pagination: ".swiper-pagination",
        effect: 'fade'
    })
    var myswiper3 = new Swiper(".swiper_section_ling_right_list", {
        prevButton: '.swiper-button-prev',
        nextButton: '.swiper-button-next',
        loop: true,
        autoplay: 3000,
        pagination: ".swiper-pagination",
        effect: 'fade'

    })
    // 倒计时
    setTimeout(function () {
        if (splitTime !== 0) {
            var cha = splitTime;

            function time() {
                cha = cha - 1000;
                var hours = parseInt(cha / 1000 / 3600);
                var minutes = parseInt(cha / 1000 / 60) % 60;
                var seconds = parseInt(cha / 1000) % 60;
                if (minutes < 10) {
                    minutes = "0" + minutes
                }
                if (seconds < 10) {
                    seconds = "0" + seconds
                }
                $(".section_second_header_right_hours").html(hours);
                $(".section_second_header_right_minutes").html(minutes);
                $(".section_second_header_right_second").html(seconds);
            }

            setInterval(time, 1000)
        }
    }, 1)
    //秒杀图片上移 文字变红
    $(".swiper_section_second_list_left li p").mouseover(function () {
        $(this).css("color", "#F90013");

        $(this).prev().stop().animate({
            marginTop: "0px",
            marginBottom: "8px",

        }, 500)
    }).mouseout(function () {
        $(this).css("color", "#999")
        $(this).prev().stop().animate({
            marginTop: "8px",
            marginBottom: "0px",

        }, 500)
    })
    $(".swiper_section_second_list_left li img").mouseover(function () {
        $(this).next().css("color", "#F90013");

        $(this).stop().animate({
            marginTop: "0px",
            marginBottom: "8px",

        }, 500)
    }).mouseout(function () {
        $(this).next().css("color", "#999")
        $(this).stop().animate({
            marginTop: "8px",
            marginBottom: "0px",

        }, 500)
    })
    //秒杀左侧轮播按钮
    $(".swiper_section_second_list_left").mouseover(function () {
        $(".second_list").css("display", "block")
    }).mouseout(function () {
        $(".second_list").css("display", "none")
    })
    //发现center轮播按钮
    $(".swiper_section_find_center_list").mouseover(function () {
        $(".center_list").css("display", "block")
        console.log("aaa")
    }).mouseout(function () {
        $(".center_list").css("display", "none")
        console.log("bbb")

    })
    //觅me轮播按钮

    $(".swiper_section_ling_right_list").mouseover(function () {
        $(".right_list1").css("display", "block")
        $(".right_list2").css("display", "block")
        console.log("aaa")
    }).mouseout(function () {
        $(".right_list1").css("display", "none")
        $(".right_list2").css("display", "none")
        console.log("bbb")

    })
    //秒杀右侧图片小轮播
    $(".section_second_list_right_button p").mouseover(function () {
        $(".section_second_list_right_button p").removeClass('section_second_list_right_button_active')
        $(this).addClass("section_second_list_right_button_active")
        console.log($(this).index());
        var other = $(this).siblings().index()
        $(".section_second_list_right li").eq(other).animate({
            opacity: 0
        }, 1)
        $(".section_second_list_right li").eq($(this).index()).animate({
            opacity: 1
        }, 200)
    })
    //寻找图片左移
    $(".section_find_left_list ul li").mouseover(function () {
        $(this).children('img').stop().animate({
            right: "20px"

        }, 300)
    }).mouseout(function () {
        $(this).children('img').stop().animate({
            right: "10px"
        }, 300)
    })
    //领券中心图片右移
    $(".section_ling_left_list ul li").mouseover(function () {
        $(this).children('img').stop().animate({
            left: "55px"
        }, 400)

    }).mouseout(function () {
        $(this).children('img').stop().animate({
            left: "40px"
        }, 400)
    })
    //排行榜选项卡
    $(".section_find_right_list_ul li").mouseover(function () {
        var a = ($(this).index() - 1) * 78 + 10

        $(".section_find_right_list_ul li").children('ol').removeClass("active")
        $(this).children('ol').addClass("active")
        $(".xiahua").stop().animate({
            left: a + "px"
        }, 300)
    })
</script>

<script type="text/javascript" src="/static/productindex/js/text.js"></script>
<script type="text/javascript" src="/static/productindex/js/header.js"></script>
<!--<script type="text/javascript" src="/static/productindex/js/secend.js"></script>-->
<script type="text/javascript" src="/static/productindex/js/zz.js"></script>
<script type="text/javascript" src="/static/productindex/js/index.js"></script>
<script type="text/javascript" src="/static/productindex/js/left,top.js"></script>
<script type="text/javascript" src="/static/productindex/js/catalogLoader.js"></script>
</html>
